<template>
    <div class="areaSelect">
        <van-area
                :area-list="areaList"
                title="地址选择"
                :visible-item-count="7"
                value="450902"
                @cancel="areaCancel"
                @confirm="areaConfirm">
        </van-area>
    </div>
</template>

<script>
    import areaList from "../assets/area"
    export default {
        name: "areaSelect",
        components: {},
        data() {
            return {
                areaList: areaList
            }
        },

        created() {
        },
        computed: {},
        watch: {},
        methods: {
            areaConfirm(val) {
                this.$emit("change", val)
            },
            areaCancel() {
                this.$emit("cancel")
            }
        }
    }
</script>

<style lang="scss" scoped>
    .areaSelect {
    }
</style>
